/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-01-12 09:35:49
 * @LastEditTime : 2023-06-12 13:52:42
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Common\Router\MenuNav\DiyList\VersionTips.jsx
 * @Description  :
 */

import { useState } from 'react'
import { ICON } from '../../../Configure/Icon'

export const VersionTips = () => {
    const [List] = useState([
        {
            uuid: 1,
            title: '360极速X',
            url: 'https://browser.360.cn/eex/index.html?channel=11',
            icon: ICON['jisu360'],
        },
        {
            uuid: 2,
            title: 'QQ浏览器',
            url: 'https://browser.qq.com/?adtag=SEM170314031',
            icon: ICON['QQICON'],
        },
        {
            uuid: 4,
            title: 'IE浏览器',
            url: 'https://www.microsoft.com/zh-cn/edge/download',
            icon: ICON['Edge'],
        },
        {
            uuid: 5,
            title: '谷歌浏览器',
            url: 'http://chorm.sdswrj.cn/',
            icon: ICON['Chorm'],
        },
    ])

    return (
        <div className="VersionTips">
            <div className="Title">浏览器推荐</div>
            <div className="List">
                {/* <div className="Title">为您推荐 : </div> */}
                <div className="List">
                    {List.map(({ uuid, title, url, icon }) => (
                        <div key={uuid} onClick={() => window.open(url)}>
                            {icon}
                            <div>{title}</div>
                        </div>
                    ))}
                </div>
            </div>
        </div>
    )
}
